<template>
	<ul>
		<li v-for="(post, index) in posts" :key="index">
			{{post.content}}
		</li>
	</ul>
</template>
<script>
import { mapState, mapActions } from "vuex";
export default {
    computed: {
        ...mapState(['posts'])
    },
	/**
	 * 服务端渲染
	 *  只支持 beforeCreate 和 created
	 *  不会等待 beforeCreate 和 created 中的异步操作
	 *  不支持响应式数据
	 */
    // Vue SSR 特殊为服务端渲染提供的一个生命周期
	serverPrefetch() {
        return this.getPosts()
    },
    methods: {
        ...mapActions(['getPosts'])
    }
};
</script>
<style lang="scss" scoped>
</style>